
<div class="panel panel-default panel-intro">

    <div class="panel-body">
        <form name="search-form" role="form" method="get" data-toggle="validator"
              class="form-horizontal col-sm-12" action="">
            <div class="form-group">
                <div class="col-xs-12 col-sm-12">
                    <div class="input-group">
                        <input class="form-control datetimepicker"
                               placeholder="指定年份" autoComplete='off'
                               data-date-format="YYYY" data-use-current="true"
                               style="width: 100px;margin: 10px" name="row[year]" value="{$year}" type="text">
                        <select class="form-control" name="row[status]" style="width: 100px;margin: 10px" >
                            <option value="1" {eq name="$status" value="1"}selected="selected"{/eq} >成交金额</option>
                            <option value="2" {eq name="$status" value="2"}selected="selected"{/eq}>回款金额</option>
                        </select>
                        <select class="form-control" name="row[type]" style="width: 150px;margin: 10px" >
                            <option value="0" {eq name="$type" value="0"}selected="selected"{/eq} >本人及下属</option>
                            <option value="1" {eq name="$type" value="1"}selected="selected"{/eq}>仅本人</option>
                            <option value="2" {eq name="$type" value="2"}selected="selected"{/eq}>仅下属</option>
                        </select>
                        <input data-source="qingdongams/statistic/customers/getstaff" placeholder="选择员工" class="form-control selectpage" data-multiple="true" data-pagination="true" style="width: 200px;margin: 10px" name="row[staff_id]" type="text" value="{$staff_id}"/>

                        <button type="submit" class="btn btn-success" style="margin: 10px" >搜索</button>
                    </div>
                </div>
            </div>
        </form>
        <div class="col-xs-12">
            <div class="div-box">
                <div style="padding-top: 15px;padding-left:15px;margin-bottom:10px;">

                </div>
                <div id="echart" style="width:100%;height: 457px"></div>
            </div>
        </div>
        <div class="col-xs-12" >
            <table id="table" class="table table-striped table-bordered " width="100%"
                   style="text-align: center; vertical-align: middle; ">
                <thead>
                <tr>
                    <th class="text-center">时间</th>
                    <th class="text-center">合同金额（元）</th>
                    <th class="text-center">目标合计（元）</th>
                    <th class="text-center">完成率（%）</th>
                </tr>
                </thead>
                <tbody data-listidx="0">
                    {foreach name="$data" item="val"}
                        <tr>
                            <td>{$val.month}</td>
                            <td>{$val.money}</td>
                            <td>{$val.achievement}</td>
                            <td>{$val.ratio}</td>
                        </tr>
                    {/foreach}
                </tbody>
            </table>
        </div>
    </div>
</div>




<script>
    var Orderdata = {
        staffdata:{:json_encode($echartdata)}
    };
</script>